<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美的集团</title>
    <link rel="stylesheet" href="midea.css">
</head>

<body>
    <div class="banner">
        <div class="nav max-width-concent">
            <div class="midea_logo">
                <a href="#">
                    <img src="img/midea-logo-cn.png" alt="">
                </a>
            </div>
            <div class="menu">
                <ul class="menu_ul">
                    <li class="menu_li">
                            <span class="menu_link">美的业务</span>
                            <div class="display">
                                <ul class="display_ul">
                                    <li class="display_li"><a href="#">总览</a></li>
                                    <li class="display_li"><a href="#">智能家居事业群</a></li>
                                    <li class="display_li"><a href="#">机电事业群</a></li>
                                    <li class="display_li"><a href="#">楼宇科技事业部</a></li>
                                    <li class="display_li"><a href="#">机器人与自动化事业部</a></li>
                                    <li class="display_li"><a href="#">数字化创新业务</a></li>
                                </ul>
                            </div>
                    </li>
                    <li class="menu_li">
                        <span class="menu_link">投资者关系</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">致股东的信</a></li>
                                <li class="display_li"><a href="#">公司治理</a></li>
                                <li class="display_li"><a href="#">股票信息</a></li>
                                <li class="display_li"><a href="#">财务报告</a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li"><span class="menu_link">美的商城</span></li>
                    <li class="menu_li"><span class="menu_link">美的家居</span></li>
                    <li class="menu_li"><span class="menu_link">美的服务</span></li>
                    <li class="menu_li">
                        <span class="menu_link">加入美的</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">工作在美的</a></li>
                                <li class="display_li"><a href="#">美的文化</a></li>
                                <li class="display_li"><a href="#">职业发展</a></li>
                                <li class="display_li"><a href="#">社会招聘</a></li>
                                <li class="display_li"><a href="#">应届毕业生招聘</a></li>
                                <li class="display_li"><a href="#">博士生招聘</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li">
                        <span class="menu_link">关于美的</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">创新</a></li>
                                <li class="display_li"><a href="#">制造</a></li>
                                <li class="display_li"><a href="#">新闻中心</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li"><span class="menu_link">美的供应商</span>
                    
                    </li>
                </ul>
            </div>
        <svg t="1640070800137" class="banner-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2173" width="32" height="32"><path d="M0.000256 844.8c0-28.288 22.8352-51.2 51.1232-51.2h921.7536c28.2368 0 51.1232 22.7328 51.1232 51.2 0 28.288-22.8352 51.2-51.1232 51.2H51.123456A51.0464 51.0464 0 0 1 0.000256 844.8z m0-332.8c0-28.288 22.8352-51.2 51.1232-51.2h921.7536c28.2368 0 51.1232 22.7328 51.1232 51.2 0 28.288-22.8352 51.2-51.1232 51.2H51.123456A51.0464 51.0464 0 0 1 0.000256 512zM0.000256 179.2c0-28.288 22.8352-51.2 51.1232-51.2h921.7536C1001.113856 128 1024.000256 150.7328 1024.000256 179.2c0 28.288-22.8352 51.2-51.1232 51.2H51.123456A51.0464 51.0464 0 0 1 0.000256 179.2z" fill="#34364e" p-id="2174"></path></svg>    
        <div class="search">
                <a href="" class="search_img">
                    <svg t="1639893274493" class="icon" viewBox="0 0 1028 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2051" width="100%" ><path d="M1007.548064 899.256487L801.043871 692.754294c-3.577986-3.577986-8.032969-5.329979-12.194952-8.032969C908.82345 515.091988 893.926508 279.233909 742.042101 127.349503c-169.701337-169.775337-444.918262-169.775337-614.692598 0-169.775337 169.701337-169.775337 444.845262 0 614.692598 153.5634 153.5644 392.635466 166.708349 562.701801 42.498834 2.701989 3.869985 4.380983 8.104968 7.73997 11.536955L904.296468 1002.582084c28.624888 28.551888 74.773708 28.551888 103.252596 0 28.477889-28.623888 28.477889-74.846708 0-103.324597zM655.074441 654.927442c-121.653525 121.654525-318.884754 121.654525-440.611279 0-121.653525-121.652525-121.653525-318.956754 0-440.610279s318.884754-121.653525 440.611279 0c121.726525 121.726525 121.726525 318.957754 0 440.611279z" p-id="2052"></path></svg>
                </a>
                <div class="display">
                    <div class="search_main">
                        <input type="text" class="input_search" placeholder="Search">
                        <span style="left: 0;top:10px; position: relative;">热门搜索</span>
                        <ul class="search_main_ul">
                            <li>美的集团</li>
                            <li>美的空调</li>
                            <li>美的loT</li>
                            <li>美的美居</li>
                            <li>美的职位</li>
                            <li>美的供应商</li>
                        </ul>
                    </div>
                </div>
         
        </div>
        <div class="country">
            <a href="" class="country_logo">
                <img src="img/country/china.png" alt="">
            </a>
            <div class="display">
                <div class="display_ul">
                    <h3>选择国家/地区</h3>
                    <div class="mainland">
                        <h4>Asia Pacific</h4>
                        <ul class="mainland_flag">

                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
   
</div>    

    <div class="web-background">
      <video autoplay="autoplay" loop="loop" width="100%">
            <source src="./source/美的集团.mp4" type="">
        </video> 
    </div>

    <div class="view max-width-concent">
        <h2 class="u-tittle">快览</h2>
        <div class="view-inside">
            <ul class="view-inside-wrapper">
                <li class="inside-wrapper-item">
                   <span>2857</span>
                   <i class="inside-wrapper-item-mainup">亿元</i> 
                   <div class="inside-wrapper-item-sub">2020年营业总收入</div>
                </li>

                <li class="inside-wrapper-item">
                    <span>15</span>
                    <i class="inside-wrapper-item-mainup">万+</i> 
                    <div class="inside-wrapper-item-sub">全球员工数量</div>
                </li>

                <li class="inside-wrapper-item">
                    <span>288</span>
                    <i class="inside-wrapper-item-mainup">位</i> 
                    <div class="inside-wrapper-item-sub">《财富》世界500强排位</div>
                </li>
            </ul>
        </div>

        <div class="stock-price max-width-concent">
            <h2 class="u-tittle">
                股价
            </h2>

        </div>

        <div class="m-business max-width-concen">
            <span class="u-tittle">业务</span>
            <div class="bus-box j-bus-box">
                <ul class="m-business-items J-business-items">
                    <li class="business-item">
                        <div class="img-box">
                            <img src="./img/business/business.jpg" alt="">
                        </div>
                        <a target="_self" class="txt-box bus-link pointer">
                            <div class="text-box-main">
                                <div class="bus-name">智能家居</div>
                                <div class="bus-desc">
                                    美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。
                                </div>

                                <span class="bus-link-name">了解更多+</span>
                            </div>
                        </a>
                    </li>

                    <li class="business-item">
                        <div class="img-box">
                            <img src="./img/business/business.jpg" alt="">
                        </div>
                        <a target="_self" class="txt-box bus-link pointer">
                            <div class="text-box-main">
                                <div class="bus-name">智能家居</div>
                                <div class="bus-desc">
                                    美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。
                                </div>
                                
                                <span class="bus-link-name">了解更多+</span>
                            </div>
                        </a>
                    </li>

                    <li class="business-item">
                        <div class="img-box">
                            <img src="./img/business/business.jpg" alt="">
                        </div>
                        <a target="_self" class="txt-box bus-link pointer">
                            <div class="text-box-main">
                                <div class="bus-name">智能家居</div>
                                <div class="bus-desc">
                                    美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。
                                </div>
                                
                                <span class="bus-link-name">了解更多+</span>
                            </div>
                        </a>
                    </li>

                    <li class="business-item">
                        <div class="img-box">
                            <img src="./img/business/business.jpg" alt="">
                        </div>
                        <a target="_self" class="txt-box bus-link pointer">
                            <div class="text-box-main">
                                <div class="bus-name">智能家居</div>
                                <div class="bus-desc">
                                    美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。
                                </div>
                                
                                <span class="bus-link-name">了解更多+</span>
                            </div>
                        </a>
                    </li>

                    <li class="business-item">
                        <div class="img-box">
                            <img src="./img/business/business.jpg" alt="">
                        </div>
                        <a target="_self" class="txt-box bus-link pointer">
                            <div class="text-box-main">
                                <div class="bus-name">智能家居</div>
                                <div class="bus-desc">
                                    美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。
                                </div>
                                
                                <span class="bus-link-name">了解更多+</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<!-- -------------------------------- 底部---------------- -->
<footer>
    <div class="footer">
        <div class="underside max-width-concent">
            <ul class="contant">
                <li>联系我们</li>
                <li>微博</li>
            </ul>
            <ul class="about">
                <span class="underside-tittle">关于美的</span>
                <li>创新</li>
                <li>制造</li>
                <li>新闻中心</li>
            </ul>
            <ul class="business">
                <span class="underside-tittle">美的业务</span>
                <li>智能家居</li>
                <li>工业技术</li>
                <li>楼宇科技</li>
                <li>机器人与自动化</li>
                <li>数字化创新</li>
            </ul>

            <ul class="investors">
                <span class="underside-tittle">投资者关系</span>
                <li>致股东的信</li>
                <li>股票信息</li>
                <li>财务报告</li>
                <li>公司治理</li>
            </ul>

            <ul class="joinmidea">
                <span class="underside-tittle">加入美的</span>
                <li>工作在美的</li>
                <li>美的文化</li>
                <li>职业发展</li>
                <li>社会招聘</li>
                <li>应届生招聘</li>
                <li>博士生招聘</li>
            </ul>
            
        </div>
    </div>
           <div class="end">
               <div class="max-width-concent">
                    <ul class="end1">
                        <li>©2021美的集团股份有限公司版权所有</li>
                        <li>粤ICP备09215446号</li>
                        <li>粤公网安备 44060602000243号</li>
                        <li>隐私协议</li>
                        <li>行为规范</li>
                        <li>用户服务协议</li>
                    </ul>
               </div>
           </div>
       </div>
</footer>

</body>

</html>